Cara Membuat Web Sederhana Dengan Visual Studio Code (Part 1) - Visual Studio Code merupakan salah satu aplikasi Code Editor yang dirilis 29 April 2015 oleh Microsoft di Konferensi Build 2015.

Mengapa programer menggunakan Vscode untuk Development aplikasi ?

Visual Studio Code (VS Code) bersifat open source. Hal ini juga yang membuat VS Code menjadi favorit para pengembang(developer) aplikasi, karena mereka dapat ikut serta dalam proses pengembangan Visual Studio Code (VS Code). Nah, jika Anda mencari code editor yang punya fitur lengkap, Visual Code Studio bisa jadi jawabannya. Code editor yang satu ini punya banyak fitur yang tidak dimiliki pesaingnya.

CARA MEMBUAT WEB SEDERHANA DENGAN VISUAL STUDIO CODE

LATIHAN 1 - MENYIAPKAN STRUKTUR WEBSITE DASAR

Sebelum membuat wesite kita harus menyiapkan struktur dasar HTML-nya

Apa itu HTML dan strukturnya?

HTML singkatan dari Hypertext Markup Language yaitu bahasa markup yang digunakan untuk membuat struktur halaman website. HTML merupakan bahasa standar yang digunakan untuk merancang tampilan website. HTML tidak dapat dikatakan sebagai bahasa pemrograman karena tidak ada logika di dalamnya.

Di pelajaran ini, kita akan belajar membuat struktur proyek kecil menggunakan Visual Studio Code. Proyek ini akan memiliki tiga jenis file yaitu : file HTML, dan file CSS. Anda juga akan menambahkan ekstensi Visual Studio Code untuk menyederhanakan dalam menjalankan situs web di browser Anda.

MEMBUAT FOLDER UNTUK SITUS WEB 

• Buka Visual Studio Code.

Saat Anda membuka Visual Studio Code, halaman Memulai akan terbuka. Perhatikan bahwa Anda dapat membuat file baru atau membuka folder di daftar Mulai. Atau, Anda dapat menampilkan halaman Memulai dengan membuka Palet Perintah menggunakan pintasan Shift+Ctrl+P di komputer Windows atau Shift+Cmd+P di macOS

• Buat Folder dan sesuaikan tempatnya

Saat membuka folder, sistem operasi memiliki opsi menu untuk membuat Folder Baru.

• Beri nama folder SITUS WEB SEDERHANA, lalu pilih Pilih Folder.
• Hubungkan folder ke Visual Studio Code

Hubungkan folder yang sudah dibuat ke tempat Anda yang ingin digunakan untuk membuat situs web Anda, atau pilih Buka Folder dan langsung pilih Folder yang akan digunakan.

MEMBUAT FILE HTML DAN CSS

• Buat File baru

Buat file baru dengan memilih File > File Baru dari menu, atau dengan menggunakan Control+N di Windows atau Command+N di macOS.

• Buat File HTML dan CSS

Masukkan index.html untuk nama file, lalu pilih Simpan.

• Ulangi langkah sebelumnya dan buatlah file style.css

Sekian CARA MEMBUAT WEB SEDERHANA DENGAN VISUAL STUDIO CODE (Part 1), untuk lebih mudahnya kami akan menyertakan video khusus di bawah artikel ini ( artikel ini akan diupdate di artikel Coding ke-3). 

Jika ada pertanyaan bisa langsung ketikkan di kolom komentar yaa . . .

Selanjutnya, silakan search pada blog kami lalu ketikkan CODING untuk Part-Part selanjutnya !